// 导入vue
import Vue from 'vue'
// 注册全局指令  注册号之后需要在main.js导入 import '@/directives'
// 注意其他页面使用自定义指令 v-err="值"  binding是捆绑的意思
Vue.directive('err', {
  inserted(el, binding) {
    // 图片加载失败的回调函数,binding.value取到的值是layout/components/Navbar.vue里面的导入的自定义图片import newImg from '../../assets/common/mm.jpeg'
    // 所以图片加载失败的时候,就会使用自定义的图片
    el.onerror = function() {
      // this就是dom元素
      // 如果这里出现一直无限打印,那么说明,加载失败的图片没有定义号,同时获取服务器的图片也出现问题
      // console.log('binding', binding.value)
      this.src = binding.value
    }
  }
})
